.bg{
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: url("../../assets/mohu.jpg") fixed center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    .wp-loading{
      position: absolute;
      left:50%;
      top:50%;
      margin-left: -50vw;
      margin-top: -50vh;
      z-index:9;
      overflow: hidden;
      width: 100vw;
      height:100vh;
      // background:url("../../assets/loading.gif") fixed center center no-repeat;
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
    }
    .wp-content{
      // overflow: hidden;
      position: absolute;
      left: 23.5vw;
      bottom: 21.8vh;
      width: 52.6vw;
      height: 58vh;
      //background:url("../../assets/mxd-bg.png") center center no-repeat;
      -webkit-background-size: 52.6vw 58vh;
      background-size: 53.2vw 58.5vh;
      .wp-left{
        float: left;
        width: 26.3vw;
        height: 58vh;
        border-radius: 24px 0 0 24px;
        background:rgba(4,11,18,0.2);
        .wp-left-Welcome{
          margin: -16vh auto -5vh auto;
          width: 90%;
          height: 122%;
          background:url("../../assets/zu-11.png") no-repeat center center;
          -webkit-background-size: 100% 40%;
          background-size: 100% 40%;
        }
        .copyright{
          color: #D0D0D0;
          font-size: 0.77vw;
          text-align: center;
          margin-bottom: 1vh;
        }
      }
      .wp-right{
        float: left;
        width: 26.3vw;
        height: 58vh;
        padding-top:7vh;
        color: #FFF;
        border-radius: 0 24px 24px 0;
        background:rgba(4,11,18,.5);
        .wp-login-input{
          width: 78%;
          margin-top:3.2vh;
          margin-left: 2.8vw;
          line-height:4.8vh;
          border-bottom: 2px solid rgba(180,180,180,.5);
          color: #FFF;
          .wp-login-user{
            border:none;
            color: #FFF;
            background: none;
            font-size: 15px;
          }
          .wp-login-user:focus{
            box-shadow:none;
          }
        }
        .wp-login-foter{
          margin-top:3.2vh;
          margin-left: 2.5vw;
          line-height:4.8vh;
          color: #FFF;
          font-size: 15px;
          .wp-login-code{
            border-bottom: 2px solid rgba(180,180,180,.5);
          }
          .wp-login-yanzheng{
            border: none;
            color: #FFF;
            background: none;
          }
          .wp-login-yanzheng:focus{
            box-shadow:none;
          }
        }
        .wp-login-btn{
          font-family:"微软雅黑";
          margin: 3vh auto 0 auto;
          width: 78%;
          height: 5.4vh;
          text-align: center;
          line-height: 5.4vh;
          background:rgba(37,200,254,1);
          cursor: pointer;
          border-radius: 10px;
          color: #fff;
          font-size: 1.2vw;
          letter-spacing: 15px;
  
        }
        .login-title{
          width:50%;
          height:8%;
          text-align: center;
          margin-left: 25%;
          font-size:22px;
          font-family:'微软雅黑';
          color:rgba(37,200,254,1);
        }
      }
    }
  }
.zz{
  background:url("../../assets/dlypt.png") no-repeat center center;
  position: absolute;
  z-index: 999;

  width: 100%;
  height: 100%;

} 
.player {
  z-index: 999;
  color: #fff;
  width: 35vh;
  height: 3vh;
 
  position: absolute;
  right: -34%;
  top: -27%;
  display: inline-block;
  .player_span {
    margin-left:10px;
    color:#0C1421;
    cursor:pointer;
  }
  .player_span a {
    color:#0C1421;
  }
  .player_span a:hover {
    color:#05B2F6;
   
  }
} 
.lo{
  position: absolute;
}
.go_back {
  position: absolute;
  top: 0%;
  right: 2%;
  color: steelblue;
  cursor: pointer;
}
  